
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.layer1{width:100%;height:100px;}
.layer1-1{width:50%;height:100px;float:left;}
.layer1-2{width:50%;height:100px;float:left;}
.layer1-2-1{width:100%;height:50px;background: #39F}
form{text-align:center}
.layer1-2-2{width:100%;height:50px;background:orange}
.layer1-2-2 a{float:left;height:50px;line-height:50px;width:20%;background:#09F;margin:0;text-align:center;text-decoration:none;font-size:20px}
.layer1-2-2 a:hover{background:#36F;color:yellow}
.layer1-3{clear:both}
.layer2{width:100%;height:900px;}
.layer2-1{width:100%;height:300px;background:green}
.layer2-2{width:100%;height:300px;padding-top:20px}
.layer2-2-1{width:50%;height:300px;float:left;}
.layer2-2-1-1{width:80%;margin:0 auto;height:300px}
.layer2-2-2{width:40%;;height:300px;float:left;border:solid 2px #CCC;border-radius:1.5em;font-size:15px;color:black;line-height:180%;}

 table{width:90%}
table .one{width:85%;}
table .two{width:15%;text-align:right;color:grey}
.layer2-2-2 h3{text-indent:1.5em;background:#074C97;margin:0;color:white;border-top-left-radius:1em;border-top-right-radius:1em;}
.layer2-2-3{clear:both}
.layer2-3{width:100%;height:300px;padding-top:20px;}
.layer2-3 h3{text-indent:1.5em; background:#074C97;margin:0;color:white;border-top-left-radius:1em;border-top-right-radius:1em;}
 a{color:black;text-decoration:none;}
  a:hover{background:#8DD1F9;}

.one ul li{list-style:inside}


.layer2-3-1{background:#CCC;margin:2px;width:30%;height:250px;border:solid 2px #999;border-radius:1.5em;float:left;margin-left:30px;font-size:14px;color:black;line-height:140%;}

.layer2-3-2{background:#CCC;margin:2px;width:30%;height:250px;border:solid 2px #999;float:left;border-radius:1.5em;margin-left:30px;font-size:14px;color:black;line-height:140%}
.layer2-3-3{background:#CCC;margin:2px;width:30%;height:250px;border:solid 2px #999;float:left;border-radius:1.5em;margin-left:30px;;font-size:14px;color:black;line-height:140%}
.layer3{width:100%;height:100px;background:#CCC;text-align:center;}
</style>
</head>

<body>
<div class="layer1">
<div class="layer1-1">
<img src="logo.png" width="100%" height="100px"></div>
<div class="layer1-2">
<div class="layer1-2-1">
<form>请输入关键词：<input type="text" value=""><input type="submit" value="提交"></form>
</div>
<div class="layer1-2-2">
<a href="">学校概况</a>
<a href="">机构设置</a>
<a href="">教育教学</a>
<a href="">创新创业</a>
<a href="">科技服务</a>
</div>
</div>
<div class="layer1-3"></div>
</div>
<div class="layer2">
<div class="layer2-1"><img src="13-1.jpg" width="100%" height="300px"></div>
<div class="layer2-2">
<div class="layer2-2-1"><div class="layer2-2-1-1">
<img src="zonghe4-1.jpg" width="100%" height="300px"></div></div>
<div class="layer2-2-2"><h3>学校要闻</h3>
<ul><table>
<tr>
	<td class="one"><li><a href="#">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
      </tr>
<tr>
	<td class="one"><li><a href="#">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
      </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>

</table>
</ul></div>
<div class="layer2-2-3"></div> 
</div>
<div class="layer2-3">
<div class="layer2-3-1"><h3>学校要闻</h3>
<ul><table>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>


</table>
</ul>
</div>
<div class="layer2-3-2"><h3>通知公告</h3>
<ul><table>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>

</table>
</ul>
</div>
<div class="layer2-3-3"><h3>媒体报道</h3>
<ul><table>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>
<tr>
     <td class="one"><li><a href="">新浪山东：山东商职院承办2017年...</a></li></td><td class="two">3月5日</td>
     </tr>

</table>
</ul>
</div>

</div>
</div>
<div class="layer3">
 <p>学校地址：济南市旅游路4516号    邮编：250103</p>
           <p>电话：0531-86335888     招生电话：0531-86335555</p>
           <p>学生作业 </p>
          
</div>
</body>
</html>